import React, { useState } from 'react'
import { Popup, Cell, NavBar } from 'react-vant'
import '../App.css'
import Shipin from './Shipin'

export default function Popups(props) {
    const [visible, setVisible] = useState(false)
    return (
        <div>
            <Popup visible={props.visible}>
                <div style={{ height: '100vh', width: '100vw' }}>

                    <div>
                        <NavBar
                            title="标题"
                            leftText="返回"
                            onClickLeft={() => {
                                setVisible(false)
                            }}
                        />
                    </div>

                    <div>
                        {/* 视频组件 */}
                        <Shipin></Shipin>
                    </div>

                    <div>
                        <div className='sizes'>
                            <div>第一节-Tk全链路运营方法</div>
                            <div>2024-03-18 14:07:39|934次观看</div>
                        </div>
                    </div>

                </div>
            </Popup>

        </div >
    )
}
